<template>
  <div class="mine">
    <img
      :src="
        mineData.headimgurl || 'https://chst.vip/avatar/headimgurl-1662431759458.webp'
      "
      alt=""
      width="180px"
    />

      <el-descriptions title="我的中心" direction="horizontal"  border :column=2>
      <el-descriptions-item label="unid">{{mineData.unid}}</el-descriptions-item>
      <el-descriptions-item label="账号">
        {{mineData.username}}
      </el-descriptions-item>
      <el-descriptions-item label="vip等级">{{mineData.vipLevel}}</el-descriptions-item>

      <el-descriptions-item label="vip到期时间">
          <div class="tag-group">
          <span class="tag-group__title"></span>
          <el-tag
          >
            {{ mineData.vipExpires }}
          </el-tag>
        </div>
      </el-descriptions-item>
      <el-descriptions-item label="昵称">
          <div class="tag-group">
          <span class="tag-group__title"></span>
          <el-tag
          >
            {{ mineData.nickname }}
          </el-tag>
        </div>
      </el-descriptions-item>
      <el-descriptions-item label="手机号" >{{mineData.phone}}</el-descriptions-item>

      <el-descriptions-item label="角色名称">{{mineData.roleName}}</el-descriptions-item>
      <el-descriptions-item label="性别">
          <div class="tag-group">
          <span class="tag-group__title"></span>
          <el-tag
          >
            {{ mineData.sex }}
          </el-tag>
        </div>
      </el-descriptions-item>
      <el-descriptions-item label="省份" >{{mineData.province}}</el-descriptions-item>
      <el-descriptions-item label="城市" >{{mineData.city}}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>

import storage from '@/api/storage'
export default {
  data() {
    return {
      mineData: [],
    };
  },

  meta: { title: "wdzx", icon: "iconfont icon-wode1" },

  mounted() {
      let res = storage.get('userInfo')
      this.mineData = res
  },
};
</script>

<style scoped lang="less">
.el-tag--success {
  color: white;
}
</style>
